<style lang="scss" scoped>
@import "./_init.scss";
.tab{
    text-align:center;
    a{
        margin:0 40px;
        padding: 9px 30px;
        font-size:30px;
        display:inline-block;
        line-height:44px;
        color:#666;
        border-radius: 40px;
        border:1px solid #fff;
        position:relative;
        &:hover{
            color:$blue;
            border:1px solid $blue;
        }
        &.now{
            border:1px solid #333;
            color:#333;
            &:hover{
                border-color:$orange;
                color:$orange;
            }
        }
    }
}    
</style>


<template lang="pug">
.tab
    a(:class="{now:login}" href="/auth/login") 登录
    a(:class="{now:!login}" href="/auth/mail/new") 注册
</template>


<script lang="coffee">
module.exports = {
    props:['login']
}
</script>
